.banner{height:auto}
.slideBox{position:relative}
.slideBox .hd{position:absolute; width:100%;left:0 !important;bottom:15px;overflow:hidden;z-index:1; text-align:center;}
.slideBox .hd ul{overflow:hidden;zoom:1;float:left; width:100%}
.slideBox .hd ul li{width:45px;height:2px;background-color:#fff;margin:0 10px; display:inline-block;cursor:pointer; overflow:hidden;}
.slideBox .hd ul li.on{background-color:#0086c8}
.slideBox .bd{position:relative;z-index:0}
.slideBox .bd li{zoom:1;vertical-align:middle; overflow:hidden;}
.slideBox .bd li img{max-width:100%;height:auto;background-size:contain|cover;-moz-background-size:contain|cover;-webkit-background-size:contain|cover;-o-background-size:contain|cover;display:block}
.functions{ padding:68px 0;background:#0086c8;}
.functions div.main-area{max-width:1200px;margin:0 auto; overflow:hidden;}
.slideTxtBox3 .hd{width:30%;height:581px;background-color:#fff;position:relative;float:left;}
.slideTxtBox3 .hd div.func-nav-title{width:84%;height:163px;margin-top:45px;margin-left:8%;border:2px solid #30c849}
.slideTxtBox3 .hd div.func-nav-title h4{height:23px;margin-top:25px;line-height:23px;text-align:center;font-size:24px;color:#24af47}
.slideTxtBox3 .hd div.func-nav-title .iyy{height:13px;margin-top:12px;line-height:13px;text-align:center;font-size:10px}
.slideTxtBox3 .hd div.func-nav-title .iyb{width:60%;height:36px;margin-left:20%;margin-top:24px;background-color:#0086c8;line-height:36px;text-align:center;font-size:14px;color:#fff}
.slideTxtBox3 .hd ul{ width:84%; margin-left:8%;}
.slideTxtBox3 .hd ul li{width:100%;height:88px;border-bottom:1px solid #eee;cursor:pointer;transition: all .3s linear;}
.slideTxtBox3 .hd ul li:hover{background-color:#24af47}
.slideTxtBox3 .hd ul li.on{background-color:#24af47; color:#fff !important;}
.slideTxtBox3 .hd ul li.on .func-li-right .sqt,.slideTxtBox3 .hd ul li.on .func-li-right .sqb,.slideTxtBox3 .hd ul li.on .ysbh{ color:#fff;}
.slideTxtBox3 .hd ul li.on h4{ color:#fff;}
.slideTxtBox3 .hd ul li .ysbh{width:25%;height:88px;line-height:88px;float:left;font-size:18px;text-align:center;color:#bcbcbc}
.slideTxtBox3 .hd ul li .func-li-right{width:75%;margin-top:30px;float:right}
.slideTxtBox3 .hd ul li .func-li-right .sqt{height:18px;line-height:18px;font-size:18px;text-align:left;color:#383838}
.slideTxtBox3 .hd ul li .func-li-right .sqb{height:10px;margin-top:7px;line-height:10px;font-size:7px;text-align:left;color:#b5b5b5}
.slideTxtBox3 .bd{width:70%;height:581px;position:relative;float:right}
.slideTxtBox3 .bd .func-box{ background:#fff; width:100%; height:100%; margin-left:15px; background:#fff; padding:30px;}
.slideTxtBox3 .bd ul{height:581px;}
.slideTxtBox3 .bd ul li div.contents{width:758px;margin-top:30px;margin-left:30px}


.swiper-banner {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.swiper-banner .swiper-slide a{ display:block; overflow:hidden;}
.swiper-banner .swiper-slide a img{ width:100%;}

.glqw1{ width:47%; float:left;}
.glqw2{ width:100%; }
.grjw span{ display:block; margin:15px 0;}
.grjw h3{ font-size:24px; padding-top:8px;}
.grjw p{ font-size:14px; line-height:24px;}
.glqw2 div{ color:#24af47}

.grjwimg{ margin-top:30px;}

.videos{position:relative;background-color: #0086c8; padding:68px 0;}
.videos:before{ content:""; display:block; position:absolute; right:0; width:50%; top:0; height:100%; background:#24af47;}
.videos .videos-left{ width:50%; float:left;}
.videos .videos-right{ width:50%; float:right;}
.videos .video-title{ margin-bottom:40px;}
.videos .videomin iframe,.videos .videomin video{ width:100% !important; height:310px !important;}
.videos .video-title h3{ font-size:30px; color:#fff;}
.videos .video-title span{ font-size:12px; color:rgba(255,255,255,.6); display:block;}
.videos .main-area{ max-width:1200px; margin:0 auto; position:relative; z-index:11;}
.videos .videos-left .videomin{ padding-right:60px;}
.videos .videos-right .videomin{ padding-left:60px;}


.example{background:url(exam_bak001.jpg);position:relative; padding:68px 0;}
.example div.main-area{max-width:1200px;margin:0 auto;position:relative}
p.example-top-btitle{height:29px;margin:0 auto;line-height:29px;font-size:30px;color:#454545; text-align:center;}

.example-small777{text-align: center;margin:0 auto;line-height:13px;font-size:12px;color:#999}
div.example-line .example-line-middle{width:50px;height:3px;background-color:#24af47;float:left}
div.example-line .example-line-left{width:500px;height:1px;margin-top:1px;background-color:#dcdcdc;float:left}
div.example-line .example-line-right{width:500px;height:1px;margin-top:1px;background-color:#dcdcdc;float:left}
.example .main-area{ position:relative;}
.example .main-area .swiper-slide a:hover{ text-decoration:none;}
.example .main-area .swiper-slide .li-main{ background:#fff; padding:10px 10px 20px 10px;}
.example .main-area .swiper-slide .li-main .iki{ width:100%; height:173px; overflow:hidden;}
.example .main-area .swiper-slide .li-main .iki img{ width:100%;}
.example .main-area .swiper-button-next{ right:-50px; opacity:0.3;}
.example .main-area  .swiper-button-prev{left:-50px; opacity:0.3;}

div.li-main .ikt{height:17px;margin-top:15px;padding-left:10px;line-height:17px;font-size:16px;color:#666;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
div.li-main p{margin-top:15px;padding-left:10px;line-height:20px;font-size:12px;color:#666}
.example div.main-area div.example-remark{height:175px; margin-top:80px;}
div.example-remark div.example-remark-null{width:282px;height:175px;position:relative;float:left}
div.example-remark div.example-remark-null img{position:absolute;left:0;bottom:0}
div.example-remark div.example-remark-text{width:608px;height:175px;padding-left:25px;background-color:#fff;float:left}
div.example-remark div.example-remark-text h3{height:24px;line-height:24px;margin-top:63px;font-size:24px;color:#333}
div.example-remark div.example-remark-text div{height:16px;line-height:16px;margin-top:20px;font-size:16px;color:#333}
div.example-remark div.example-remark-phone{width:310px;height:175px;float:left;background-color:#0086c8}
div.example-remark div.example-remark-phone p{height:23px;line-height:23px;margin-top:18px;padding-left:20px;font-size:32px;color:#fff;text-align:left}
div.example-remark div.example-remark-phone div{height:14px;line-height:14px;margin-top:48px;padding-left:20px;font-size:14px;color:#bbd6eb;text-align:left}
.product{background-color:#f4f4f4; padding:68px 0;}
.product div.main-area{max-width:1200px;margin:0 auto}
.slideTxtBox .hd{height:37px;position:relative; text-align:center; margin-top:15px;}
.slideTxtBox .hd ul{height:37px;}
.slideTxtBox .hd ul li{ display:inline-block;height:37px;margin:0 15px;background-color:#fff;border:1px solid #e8eadd;cursor:pointer;line-height:37px;text-align:center;font-size:15px;color:#999}
.slideTxtBox .hd ul li a{ display:block; padding:0 15px; color:#333;}
.slideTxtBox .hd ul li a:hover{ background:#24af47; color:#fff; text-decoration:none;}
.slideTxtBox .bd{position:relative;clear:both;margin-top:38px}
.slideTxtBox .bd ul{}
.slideTxtBox .bd ul li{width:33.33%;float:left}
.slideTxtBox .bd ul li a{ display:block;background-color:#fff; margin:8px; padding-bottom:25px;}
.slideTxtBox .bd ul li a:hover{ text-decoration:none;}
.slideTxtBox .bd ul li img{ width:100%;}
.slideTxtBox .bd ul li p{height:14px;margin-top:23px;padding-left:15px;line-height:14px;font-size:16px;color:#3eb359}
.slideTxtBox .bd ul li div{height:12px;margin-top:15px;padding-left:15px;line-height:12px; color:#666;}
.slideTxtBox .bd ul li div a{font-size:12px;color:#999;text-decoration:none}
.slideTxtBox .bd ul li div a:hover{color:red}
.about{ padding:68px 0;}
.about div.main-area{max-width:1200px;margin:0 auto}
.about div.main-area .about-left{width:30%;background:url(about_001.jpg) no-repeat;position:relative;float:left}
.about div.main-area .about-left img{margin-left:27px;margin-top:26px; max-width:100%;}
.about div.main-area .about-right{width:34%;float:left;margin:0 3%;}
.iry { width:30%;float:right; }
.iry img { width: auto;margin: 0 auto; }
.about-right h4{height:18px;margin-top:6px;line-height:18px;font-size:18px;color:#333}
.about-right p{margin-top:20px;line-height:24px;font-size:14px;color:#999}
.about-right div{margin-top:22px; text-align:center;}
.about-right div a{ display: inline-block; text-align:center; line-height:180px; margin:0 auto; background:#eee; padding:4px;}
.about-right div a img{ max-height:180px;}
.about-right div .col{text-align:center}
.news{ padding:68px 0;background-color:#f5f5f5}
.news div.main-area{max-width:1200px;margin:0 auto; overflow:hidden;}
.news div.main-area .news-left{width:65%;height:605px;float:left;background-color:#fff}
.news div.main-area .news-right{width:35%;height:605px;border-left:1px solid #eee;float:left;background-color:#fff}
.slideTxtBox2 .hd{height:89px;position:relative}
.slideTxtBox2 .hd ul{width:808px;height:89px;position:absolute;left:0;top:0;border-bottom:1px solid #eee}
.slideTxtBox2 .hd ul li{width:209px;height:89px;display:table-cell;cursor:pointer;float:left;line-height:89px;font-size:14px;text-align:center}
.slideTxtBox2 .hd ul li:first-child{ background:url(company_black.png) 40px center no-repeat;}
.slideTxtBox2 .hd ul li:first-child.on{ background:url(company_white.png) 40px center no-repeat #24af47;}
.slideTxtBox2 .hd ul li:nth-child(2){ background:url(industry.png) 40px center no-repeat;}
.slideTxtBox2 .hd ul li:nth-child(2).on{ background:url(industry_w.png) 40px center no-repeat #24af47;}
.slideTxtBox2 .hd ul li.on{background-color:#24af47;color:#fff}
.slideTxtBox2 .hd ul li:hover{background-color:#24af47;color:#fff}
.slideTxtBox2 .hd ul li img{vertical-align:middle}
.slideTxtBox2 .bd{position:relative}
.slideTxtBox2 .bd ul.com-ind{ padding:25px;}
.com-ind li .bd-left-hot{ width:48%;height:438px;float:left;background-color:#f5f5f5}
.com-ind li .bd-left-hot img{ width:100%; height:310px;}
.com-ind li .bd-left-hot .ipt{margin-top:15px;padding-left:15px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.com-ind li .bd-left-hot .ipt a{font-size:16px;color:#333;text-decoration:none}
.com-ind li .bd-left-hot .ipt a:hover{color:red;text-decoration:underline}
.com-ind li .bd-left-hot p{margin-top:15px;padding-left:15px;line-height:20px;font-size:12px;color:#666}
.com-ind li .bd-left-list{width:48%;float:right}
.com-ind li .bd-left-list li{height:12px;margin-bottom:33px;padding-left:15px;background:url(bullet.png) no-repeat left 50%;line-height:12px}
.com-ind li .bd-left-list li a{font-size:12px;color:#666;text-decoration:none}
.com-ind li .bd-left-list li a:hover{color:red;text-decoration:underline}
.news-right .ict{height:89px;border-bottom:1px solid #eee}
.news-right .ict .ptitle{height:89px;background:url(ask_002.png) no-repeat left center;margin-left:28px;padding-left:29px;float:left;line-height:89px;font-size:16px;color:#333}
.news-right .ict .pmore{width:58px;height:89px;float:right;line-height:89px}
.news-right .ict .pmore a{font-size:12px;color:#a8a8a8;text-decoration:none}
.news-right .ict .pmore a:hover{color:red;text-decoration:underline}
.news-right ul{ width:100%; padding:0 25px;}
.news-right ul li{height:100px;margin-top:27px}
.news-right ul li.bborder{border-bottom:1px solid #edebe6}
.news-right ul li div{height:16px;background:url(ask_001.png) no-repeat left center;padding-left:21px;line-height:16px}
.news-right ul li div a{font-size:14px;color:#626262;text-decoration:none}
.news-right ul li div a:hover{color:red;text-decoration:underline}
.news-right ul li p{margin-top:22px;padding-left:21px;line-height:20px;font-size:12px;color:#8d8d8d}

.example-line{ width:100%; border-bottom:1px solid #dcdcdc; position:relative;}
.example-line:before{ content:""; display:block; width:50px; height:3px; background:#24af47; position:absolute; left:50%; margin-left:-25px; top:-1px;}
@media screen and (max-width: 1220px) {.example div.main-area div.example-remark{ display:none;}}
@media screen and (max-width: 1020px) {
.slideTxtBox3 .hd div.func-nav-title h4{ font-size:16px;}
.slideTxtBox3 .hd div.func-nav-title h6{ font-size:12px;}
.slideTxtBox3 .hd ul li .func-li-right .sqt{ font-size:14px;}
.example div.main-area div.example-remark{ display:none;}
.about div.main-area .about-left img{ margin:0;width:100%;}
	}
@media screen and (max-width:760px) {
.functions{ padding:0;}
.slideTxtBox3 .hd{ width:100%; height:48px; float:none;}
.slideTxtBox3 .hd div.func-nav-title{ display:none;}	
.slideTxtBox3 .hd ul{ width:100%; margin:0;}
.slideTxtBox3 .hd ul li{ width:33.3%; float:left; height:48px; line-height:48px;}
.slideTxtBox3 .hd ul li .ysbh{ height:48px; line-height:48px; display:none;}
.slideTxtBox3 .hd ul li .func-li-right{ margin:0; height:48px; line-height:48px;width:100%;}
.slideTxtBox3 .hd ul li .func-li-right .sqt{  height:48px; line-height:48px; font-weight:bold; width:100%; text-align:center;}
.slideTxtBox3 .hd ul li .func-li-right .sqb{ display:none;}
.slideTxtBox3 .bd ul{ height:auto;}
.slideTxtBox3 .bd{ width:100%; height:auto;}
.slideTxtBox3 .bd .func-box{ margin-left:0; padding:15px;}
.glqw1,.glqw2{ width:100%}
.grjw h3{ font-size:14px; font-weight:bold;}
.grjw span{ margin:0;}
.videos{ padding:25px 0;}
.grjwimg{ margin-top:15px;}
.videos .video-title h3{ font-size:16px; font-weight:bold;}
.videos .videos-left,.videos .videos-right{ width:100%; float:none; padding:0 10px;}
.videos .videos-left .videomin,.videos .videos-right .videomin{ padding:0;}
.videos .video-title{ margin-bottom:10px;}
.videos .videos-left{ margin-bottom:15px;}
.videos:before{ display:none;}
.videos .videomin iframe,.videos .videomin video{ height:210px !important;}
p.example-top-btitle{ font-size:18px; font-weight:bold; text-align:center;}
.example .main-area .swiper-slide .li-main h5{ height:110px;}
.example{ padding:25px 10px;}
.hori-1115{ height:15px;}
.hori-1113{ height:10px;}
div.li-main .ikt{ font-size:14px; margin:0; padding:8px 0; height:auto;}
div.li-main p{ display:none;}
.example .main-area .swiper-slide .li-main{ padding:5px;}
.product{ padding:25px 10px;}
.slideTxtBox .hd ul li{ margin:0 5px; font-size:12px;}
.slideTxtBox .hd ul li a{ padding:0 5px;}
.slideTxtBox .bd ul li{ width:100%;}
.slideTxtBox .bd{ margin-top:20px;}
.slideTxtBox .bd ul li a{ margin:0;}
.about div.main-area .about-left,.iry{ width:100%; float:none;}
.about div.main-area .about-right{ width:100%; float: none; overflow:hidden;}
.hori-1117{ height:15px;}
.about{ padding:25px 10px;}
.news{ padding:25px 10px;}
.news div.main-area .news-left{ width:100%; float:none;}
.news div.main-area .news-right{ width:100%; float:none; height:auto;}
.slideTxtBox2 .bd ul.com-ind{ padding:10px;}
.com-ind li .bd-left-hot{ height:130px; margin-bottom:20px;}
.com-ind li .bd-left-hot{ width:100%; float:none;}
.com-ind li .bd-left-list{ width:100%; float:none;}
.com-ind li .bd-left-hot .ipi{ width:80px; height:80px; float:left; overflow: hidden; margin-right:10px;}
.com-ind li .bd-left-list li{ margin-bottom:15px;}
.com-ind li .bd-left-hot .ipt{ margin:0; padding:10px 10px 0 0; font-size:14px;}
.com-ind li .bd-left-hot p{ margin-top:5px; font-size:12px;}
.news div.main-area .news-left{ height:auto; margin-bottom:10px;}
.slideTxtBox2 .hd{ height:48px;}
.slideTxtBox2 .hd ul{ width:100%; height:48px;}
.slideTxtBox2 .hd ul li{ width:50%; height:48px; line-height:48px;}
.news-right .ict{ height:48px;}
.news-right .ict .ptitle{ height:48px; line-height:48px;}
.news-right .ict .pmore{ height:48px; line-height:48px;}
.news-right ul li{ margin-top:14px; height:80px;}
.news-right ul li p{ margin-top:10px;}
.news-right ul{ padding:0 10px;}
.swiper-button-next, .swiper-button-prev{ display:none;}
	}

@media screen and (max-width: 640px) {
.slideBox .bd li img{ width:150%; margin-left:-25%;}
.swiper-banner .swiper-slide a img{max-width: 150%;width:150%; margin-left:-25%;}
.about-right div a{ line-height:136px;}	
	}


.iry p { font-size: 18px;border-bottom: 1px #999 solid;padding-bottom: 10px;margin-bottom: 10px; }